@import './variables.scss';

.commhover {
    cursor: pointer;
}

.full_w {
    width: 100%;
}

.textcenter {
    text-align: center;
}

.block {
    display: block;
}

.flex {
    display: flex;
}

.flexcolumn {
    display: flex;
    flex-direction: column;
}

.flexend{
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.aligncenter {
    align-items: center;
}

.justifycenter {
    justify-content: center;
}

.flexcenter {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flexrowbetween {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flex1 {
    flex: 1;
}

.flexwrapper {
    flex-wrap: wrap;
}

.overflowtext {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dropbody{
    padding: 0 10px;
    height: 200px;
    overflow: auto;
}
// .el-table .fixed-width .el-button--mini{
//   margin:2px 3px;
// }

// .radiuscircle{
//   padding: 2px 6px;
//   border-radius: 12px;
//   background-color:#00B271!important;
//   border:1px solid #00B271!important;
//   color: white;
//   font-size: 12px;
// }
// .blue_c{
//   background-color: #0368EB!important;
//   border-color: #0368EB!important;
// }
// .res_radiuscircle{
//   background-color:#D9011C!important;
//   border:1px solid #D9011C!important;
// }
// .redcolor{
//   color: #F56C6C;
// }
// .textred{
//   color: #E63737;
// }
// .btn_textred{
//   color: #E63737;
//   border-bottom:1px solid #E63737;
// }

// .btn_textyellow{
//   color: #F5900C;
//   border-bottom:1px solid #F5900C;
// }
// .textyellow{
//   color: #F5900C;
// }
// .btn_textblue{
//   color: #0341EB;
//   border-bottom:1px solid #0341EB;
// }
// .c_blue{
//   color: #0341EB;
// }
// .dangerbg{
//   background-color: #D9011C;
//   color: #fff;
// }
.link_text {
    color: #52A7F9;
    text-decoration: underline;

    &:hover {
        color: #52A7F9;
        text-decoration: underline;
    }
}

.red_text {
    color: #BE0000;
    text-decoration: underline;

    &:hover,
    &:active,
    &:focus {
        color: #BE0000;
        text-decoration: underline;
    }
}

.open_text {
    color: #67c23a;
    text-decoration: underline;

    &:hover,
    &:active,
    &:focus {
        color: #67c23a;
        text-decoration: underline;
    }
}

.bg_fff {
    background-color: #fff;
}

.c_000 {
    color: #000;
}

.c_fff {
    color: #fff !important;
}

.c_BE0000 {
    color: #BE0000;
}

.c_primary {
    color: #4A73FF;
}

.c_EBA300 {
    color: #EBA300;
}

.c_12A000 {
    color: #12A000;
}

.c_3B66D8 {
    color: #3B66D8;
}

.c_999 {
    color: #999;
}

.c_606 {
    color: #606266;
}

.c_aaa {
    color: #aaaaaa;
}

.c_ccc {
    color: #ccc;
}
.c_cfcfcf{
    color: #CFCFCF;
}

.f_weight {
    font-weight: 700;
}

.fw {
    font-weight: bold;
}

.f-12 {
    font-size: 12px;
}

.f-13 {
    font-size: 13px;
}

.f-14 {
    font-size: 14px;
}

.f-15 {
    font-size: 15px;
}

.f-16 {
    font-size: 16px;
}

.f-18 {
    font-size: 18px;
}

.f-20 {
    font-size: 20px !important;
}

.f-22 {
    font-size: 22px;
}

.f-26 {
    font-size: 26px;
}

.f-28 {
    font-size: 28px;
}

.f-42 {
    font-size: 42px;
}

.whitebg {
    background-color: white;
}

.huisebg {
    background-color: #ccc;
}

.mr_4 {
    margin-right: 4px;
}

.mr_5 {
    margin-right: 5px;
}

.mr_8 {
    margin-right: 8px;
}

.mr_9 {
    margin-right: 9px;
}

.mr_10 {
    margin-right: 10px;
}

.mr_15 {
    margin-right: 15px !important;
}

.mr_20 {
    margin-right: 20px !important;
}

.mr_25 {
    margin-right: 25px !important;
}

.mr_30 {
    margin-right: 30px !important;
}

.mr_40 {
    margin-right: 40px !important;
}

.ml_6 {
    margin-left: 6px;
}
.ml_10 {
    margin-left: 10px;
}
.ml_20 {
    margin-left: 20px;
}

.ml_30 {
    margin-left: 30px;
}

.ml_10 {
    margin-left: 10px;
}

.mt_15 {
    margin-top: 15px !important;
}

.mt_0 {
    margin-top: 0 !important;
}

.mt_3 {
    margin-top: 3px;
}

.mt_5 {
    margin-top: 5px;
}

.mt_10 {
    margin-top: 10px;
}

.mt_15 {
    margin-top: 15px;
}

.mt_20 {
    margin-top: 20px;
}

.mt_25 {
    margin-top: 25px;
}

.mt_30 {
    margin-top: 30px;
}
.mt_42 {
    margin-top: 42px;
}
.mt_50 {
    margin-top: 50px;
}

.mb_5 {
    margin-bottom: 5px;
}

.mb_6 {
    margin-bottom: 6px;
}

.mb_10 {
    margin-bottom: 10px;
}

.mb_15 {
    margin-bottom: 15px;
}

.mb_18 {
    margin-bottom: 18px;
}

.mb_20 {
    margin-bottom: 20px;
}

.mb_25 {
    margin-bottom: 25px;
}

.mb_30 {
    margin-bottom: 30px;
}

.mb_35 {
    margin-bottom: 35px;
}

.mb_50 {
    margin-bottom: 50px;
}

.mb_100 {
    margin-bottom: 100px;
}

.m_5 {
    margin: 5px;
}

.m_20 {
    margin: 20px;
}

.m_15 {
    margin: 15px;
}

.mb_0 {
    margin-bottom: 0 !important;
}

.m_10 {
    margin: 10px;
}

.mtb_15 {
    margin: 15px 0;
}

.mlr_10 {
    margin: 0 10px;
}
.mlr_20 {
    margin: 0 20px;
}
.mlr_30 {
    margin: 0 30px;
}
.mlr_40 {
    margin: 0 40px;
}
.mr_0{
    margin-right: 0!important;
}

.ml_5 {
    margin-left: 5px;
}

.p_0 {
    padding: 0 !important;
}

.p_5 {
    padding: 5px;
}
.p_10 {
    padding: 10px;
}
.p_15 {
    padding: 15px;
}

.p_20 {
    padding: 20px;
}

.pl_5 {
    padding-left: 5px;
}

.pl-6 {
    padding-left: 6px;
}

.pl_10 {
    padding-left: 10px;
}

.pl_15 {
    padding-left: 15px;
}

.pl_20 {
    padding-left: 20px;
}

.p_20 {
    padding: 20px;
}

.p_15 {
    padding: 15px;
}

.p_10 {
    padding: 10px;
}

.pb_10 {
    padding-bottom: 10px;
}

.pb_15 {
    padding-bottom: 15px;
}

.pb_20 {
    padding-bottom: 20px;
}

.pb_30 {
    padding-bottom: 30px;
}

.pt-6 {
    padding-top: 6px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt_5 {
    padding-top: 5px !important;
}
.pt_15 {
    padding-top: 15px !important;
}
.pt_20 {
    padding-top: 20px;
}
.pt_30 {
    padding-top: 30px;
}
.pt_32 {
    padding-top: 32px;
}

.pr_15 {
    padding-right: 15px;
}

.pr_20 {
    padding-right: 20px;
}

.pr_5 {
    padding-right: 5px;
}

.bluedot_1 {
    background-color: #17BB9F;
    border-radius: 50%;
}

.reddot_1 {
    background-color: #E63737 !important;
    border-radius: 50%;
}

.orangedot_1 {
    background-color: #F5900C !important;
    border-radius: 50%;
}

.flextoolbar {
    padding: 5px 15px 2px;
    display: flex;
    // align-items: flex-end;
    justify-content: flex-end;
}

// .resoucetab{
//   .el-tabs__item{
//     height: 32px;
//     line-height: 32px;
//   }
//   .el-tabs__header{
//     margin-bottom: 15px;
//   }
// }

.y_scroll {
    overflow-y: auto;
}

// .mutiple_select{
//   .el-select__tags{
//     overflow: hidden;
//     &>span{
//       display: flex;
//     }
//   }
// }
// // 去掉日期时间组件中此刻按钮
// .el-picker-panel__footer .el-button--text.el-picker-panel__link-btn {
//   display: none;
// }
.commtableheader {
    .el-table__header-wrapper th {
        background-color: #3B66D8 !important;
        color: white !important;
        font-weight: initial;
    }

    .el-table__fixed-header-wrapper th {
        background-color: #3B66D8 !important;
        color: white !important;
        font-weight: initial;
    }

    .el-table__column-filter-trigger i {
        color: white;
        font-size: 16px;
    }

    .el-table th.el-table__cell>.cell.highlight {
        color: white;
    }

    th.el-table__cell>.cell.highlight {
        color: #fff !important;
    }
}

.el-table-filter__list li:first-child {
    display: none;
}

.comm_tab{
    .el-tabs__nav-wrap::after{
        height: 0
    }
    .el-tabs__item.is-active{
        color: #4A73FF;
    }
    .el-tabs__active-bar{
        background-color:#4A73FF;
    }
    // .el-tabs__item{
    //     padding: 0 20px !important;
    // }
}
.plr_9{
    padding-left: 9px;
    padding-right: 9px;
}
.nor_border{
    border-right: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.nol_border{
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.searchinput{
    .el-input__inner{
      background-color: #F2F4F5;
      border: 0;
      border-radius: 0;
    }
}
.blackbg{
    background-color: #2C3E50;
    color: #fff;
}
.tag_success{
    &.el-tag--success{
        background-color: #E5FFEA;
        color: #2AD200;
        border-color:#E5FFEA;
    }
}
.tag_danger{
    &.el-tag--danger{
        background-color: #FFE5E5;
        color: #FF0000;
        border-color:#FFE5E5;
    }
}
.tag_info{
    &.el-tag--info{
        background-color: #F1F1F1;
        color: #000000;
        border-color:#F1F1F1;
    }
}
.tag_warning{
    &.el-tag--warning{
        background-color: #FFECCE;
        color: #F39C13;
        border-color:#FFECCE;
    }
}

.btn_green{
    background-color: #1ABC9D;
    padding: 3px 6px;
    border-radius: 4px;
}
.btn_blue{
    background-color: #3498DB;
    padding: 3px 6px;
    border-radius: 4px;
}
.btn_yellow{
    background-color: #F39C13;
    padding: 3px 6px;
    border-radius: 4px;
}
.commtable{
    th{
      background-color: #F4F7FE!important;
    }
    th.el-table__cell{
        border: 0!important;
    }
    .el-table__cell{
        border-color: #F5F5F5!important;
    }
}

.dialogheaderbg{
    .el-dialog__header{
        background-color: #F4F7FE;
    }
}

.el-button--primary{
    background-color: #4A73FF;
    border-color: #4A73FF
}

.minh{
    min-height: calc(100vh - 135px);
}

// .el-table__fixed-right{
//     height: 100% !important; 
// }
// .el-table__fixed-right{
//   height: 100% !important; 
// }

.el-tooltip__popper{
    max-width: 520px;
}